<template>
	<view class="notice">
		<view style="width: 80px">
			<image src="@/static/images/notice.png" class="notice-img" />
			<text class="notice-info">公告</text>
		</view>
		<view class="notice-con">
			<marquee behavior="scroll" direction="">全新KAYILE系统，更优质的使用体验</marquee>
		</view>
	</view>
</template>

<style scoped lang="scss">
	.notice {
		width: 100%;
		height: 100%;
		padding: 0 10px;
		display: flex;
		justify-content: space-between;

		.notice-img {
			width: 16px;
			height: 16px;
			transform: translate(0, 2px);
		}

		.notice-info {
			font-weight: 800;
			font-size: 14px;
			color: #2119b8;
			margin-left: 5px;
		}

		.notice-con {
			flex: 1;
			font-size: 14px;
		}
	}
</style>